<template>
  <!--  登录页面-->
  <div class="login-wrapper">
    <div class="left-box">
      <img src="https://juheimgs.oss-cn-beijing.aliyuncs.com/banner/202105/67a3f315d8dde880.png" alt="">
    </div>

    <div class="right-box">
      <div class="login-box">
        <div class="login-top">
          <img src="@/assets/loginlogo.png" alt="">
        </div>
        <div class="login-form">
          <div class="login-input-item">
            <i class="el-icon-s-custom"></i>
            <input type="text" v-model="loginFrom.username" placeholder="请输入用户名">
          </div>
          <div class="login-input-item">
            <i class="el-icon-s-opportunity"></i>
            <input type="text" placeholder="请输入密码" v-model="loginFrom.password">
          </div>
          <div class="login-input-item">
            <div class="code-left">
              <i class="el-icon-s-opportunity"></i>
              <input type="text" placeholder="请输入验证码" v-model="loginFrom.code">
            </div>
            <div class="code-right">
              <img :src="codeImg" @click="getCode" alt="">
            </div>

          </div>


          <div class="login-input-item">
            <el-button @click="doLogin"  style="width: 100%;height: 40px;background-color: #00BDFF; color: white">登录</el-button>
          </div>
        </div>

      </div>
    </div>
  </div>

</template>

<script src="./index.js"></script>

<style src="./index.scss" lang="scss">

</style>
